<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <title>访客管理</title>
  <link rel="stylesheet" href="css/meetreset.css">
  <link rel="stylesheet" href="css/meetstyle.css">
  <link rel="stylesheet" href="./js/need/layer.css">
  <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
  <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
</head>
<body>
<div class="weui-pull-to-refresh__layer">
  <div class='weui-pull-to-refresh__arrow'></div>
  <div class='weui-pull-to-refresh__preloader'></div>
  <div class="down">下拉刷新</div>
  <div class="up">正在获取访客列表</div>
  <div class="refresh">正在刷新</div>
</div>
<div class="wrap">
    <div class="tab">
      <ul class="nav">
        <li class="none active">未完成</li>
        <li class="alredy ">已完成</li>
      </ul>
      <div class="tab-list">
        <div class="items">
          <ul class="none-list">
            <li v-repeat="unfinish: unfinishs" v-on="click: toView(unfinish.id)">
              <a href="#">
                <p class="item-name">{{unfinish.status}}</p>
                <p class="item-time">{{unfinish.save_Time}}</p>
              </a>
            </li>
          </ul>
        </div>
        <div class="items" style="display: none">
          <ul class="alredy-list">
            <li v-repeat="finished: finisheds" v-on="click: toView(finished.id)">
              <a href="#">
                <p class="item-name">{{finished.status}}</p>
                <p class="item-time">{{finished.save_Time}}</p>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="addBtn">
      <a href="javascript:;" class="add-img" v-on="click: addVisitor()"></a>
    </div>
</div>
<script src="js/jquery-2.1.0.min.js"></script>
<script src="./js/layer.js"></script>
<script>
  // 加载层
  index = layer.open({
    type: 2
    ,content: '加载中'
    ,shadeClose: false
  });
</script>
<script src="../bower_components/vue/dist/vue.min.js"></script>
<script src="../js/server.js"></script>
<script src="./js/getArgs.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<script>
  $(document.body).pullToRefresh(function () {
    location.reload();
  });
  $(function(){
    $('.nav li').on('click',function(){
      var _id = $(this).index();
      $(this).addClass('active').siblings().removeClass('active');
      $('.items').eq(_id).show().siblings().hide();
    })
  })
</script>
<script src="./js/visitorManage.js"></script>
</body>
</html>
